<template>
    <ul class="icons">
        <li v-for="(item, index) in iconsList" :key="index">
            <img :src="item.imgUrl" alt="">
            <span>{{item.title}}</span>
        </li>
    </ul>
</template>

<script>
export default {
    data() {
        return {
        }
    },
    props: {
        iconsList: Array
    }
}
</script>

<style scoped>
    .icons {
        display: flex;
        justify-content: space-around;
        padding: .2rem 0;
    }
    .icons li {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .icons img {
        width: .76rem;
        height: .76rem;
    }
    .icons span {
        padding: .06rem 0;
        font-size: .32rem;
    }
</style>